<template>
        <div>
            <div class="signin">
                <div class="signin-1">
                    <div class="logo">
                        <img src="../../../assets/images/logo.png" />
                        <div>萌宠之家</div>
                    </div>
                    <div class="box">
                        <form>
                            <div class="account">
                                <img src="../../../assets/images/uesr name.png" />
                                <input type="text" v-model="Name.username" placeholder="请输入你的账号" />
                            </div>
                            <div class="password">
                                <img src="../../../assets/images/password.png" />
                                <input type="number" v-model="Name.password" placeholder="请输入你的密码" />
                            </div>
                            <div class="button">
                                <button type="button" @click="SignIn">登录</button>
                            </div>
                        </form>

                        <div class="register">
                            <div>
                                <a @click="$emit('SignInShow')">注册账号</a>
                            </div>
                            <div>
                                <a @click="$emit('forgetShow')">忘记密码？</a>
                            </div>
                        </div>

                        <div class="A">
                            <span>————</span>
                            <span>社交账号登录</span>
                            <span>————</span>
                        </div>

                        <div class="other">
                            <div>
                                <img src="../../../assets/images/qq.png" />
                            </div>
                            <div>
                                <img src="../../../assets/images/wechat.png" />
                            </div>
                            <div>
                                <img src="../../../assets/images/weibo.png" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</template>

<script src="./SignIn.js">

</script>            
                

<style lang="scss" scoped>
@import "./SignIn.scss"
</style>